<%@page pageEncoding="Cp1252" contentType="text/html; charset=Cp1252" %>
<%@ include file="cabecera.html" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Cp1252"/>
<title>Crear Nuevo Jugador</title>

<script>

function newJugador(){
	dni = document.getElementById('dni').value;
	email = document.getElementById('email').value;
	if(this.validar(dni) && this.validar(email))
		document.alta.submit();
	return;
}

function volver(){
	document.alta.action = "index";
	document.alta.submit();
}

function validar(param){
	if(param == ""){
		alert('el campo DNI no puede ser vacio.');
		return false;
	}
	return true;
}

</script>
</head>
<body>
	<form name="alta" action="nuevoJugador" method="post">
		
			<table align="center" class="futbol">
				<center>
					<h3 class="titulo"><c:out value="Crear Nuevo Jugador"/>
					<h3 class="rojo"><c:out value="${requestScope.msg}"/>
					<tr>
						<td>Nombre:</td>
						<td><input type="text" name="nombre" value="${requestScope.nombre}"></td>
					</tr>
					<tr>
						<td>Apellido</td>
						<td><input type="text" name="apellido" value="${requestScope.apellido}"></td>
					</tr>
					<tr>
						<td>DNI:</td>
						<td><input type="text" id="dni" name="dni" value="${requestScope.dni}"></td>
					</tr>
					<tr>
						<td>EMail:</td>
						<td><input type="text" id="email" name="email" value="${requestScope.email}"></td>
					</tr>
					<tr>
						<td>Ser Frecuente</td>
						<c:choose>
							<c:when test="${requestScope.frecuente == 'true'}">
								<td><input type="checkbox" id="frecuente" name="frecuente" checked="checked" ></td>
							</c:when>
							<c:otherwise>
								<td><input type="checkbox" id="frecuente" name="frecuente" ></td>
							</c:otherwise>
						</c:choose>
					</tr>
					<tr class="botonera">
						<td colspan="2">
							<a href="#" onclick="javascript:newJugador();">
								<img src="./img/botones/aceptar.PNG" border="0" alt="Aceptar" title="Crear Jugador">
							</a>
							<a href="#" onclick="javascript:volver();">
								<img src="./img/botones/volver.PNG" border="0" alt="Volver" title="Volver">
							</a>
						</td>
					</tr>
				</center>
			</table>

	</form>
</body>
</html>
